<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="no" />
<meta name="format-detection" content="telephone=no" />
<meta name="HandheldFriendly" content="true" />
<script type="text/javascript" src="{OSSURL}public/mobile/js/hb.js?v=1111"></script>
<link href="{OSSURL}public/mobile/css/new_yab.css?v=11111009" rel="stylesheet" />
<link href="{OSSURL}public/mobile/css/baby_video.css" rel="stylesheet" />
<script type="text/javascript" src="{MODULE_URL}public/mobile/js/jquery-1.11.3.min.js?v=4.8"></script>
{php include $this->template('port');}
<style type="text/css">
.header { width: 100%; height: 50px; line-height: 50px; position: fixed; z-index: 1000; top: 0; left: 0; box-shadow: 0 0 2px 0px rgba(0,0,0,0.3),0 0 6px 2px rgba(0,0,0,0.15); }
.header .l { width: 50px; height: 50px; line-height: 50px; color: white; position: absolute; left: 0; top: 0; } 
.header .m { width: 100%; height: 50px; line-height: 50px; text-align: center; color: white; font-size: 18px; } 
.header .r { width: 50px; height: 50px; line-height: 50px; position: absolute; right: 0; top: 0; } 
.mainColor { background: #14c682 !important; } 
.header .l a { font-size: 18px; color: white; display: block; width: 100%; height: 100%; text-align: center; }
.header .m a i {float: left;margin: 23px 0 0 5px;width: 0;height: 0;border-width: 6px 6px 0;border-style: solid;border-color: white transparent transparent;position: absolute;}
.baby_video_list > li > a .video_box .v_play_icon{background: url({OSSURL}public/mobile/img/bv_play_icon.png) no-repeat center; background-size: 46px; width: 50px; height: 50px; z-index: 2; left: 50%; top: 35px; position: absolute; margin-left: -25px; }
.control_box_li .praise_btn_icon{  height: 36px; background: url({OSSURL}public/mobile/img/bv_praise_icon2.png) no-repeat left center; background-size: 16px; display: inline-block; padding-left: 24px; font-size: 16px; color: #aaaaaa; }
.control_box_li .praise_btn_icon.act{background: url({OSSURL}public/mobile/img/bv_praise_icon.png) no-repeat left center; background-size: 16px; }
.control_box_li .comment_btn_icon{ height: 36px; background: url({OSSURL}public/mobile/img/bv_comment_icon.png) no-repeat left center; background-size: 16px; display: inline-block; padding-left: 24px; font-size: 16px; color: #aaaaaa; }
.control_box_li .share_btn_icon{ height: 36px; background: url({OSSURL}public/mobile/img/bv_share_icon.png) no-repeat left center; background-size: 12px; display: inline-block; padding-left: 20px; font-size: 16px; color: #aaaaaa; }
.control_box_li .more_btn_icon{  height: 36px; background: url({OSSURL}public/mobile/img/bv_more_icon.png) no-repeat left center; background-size: 16px; display: inline-block; padding-left: 24px; font-size: 16px; color: #aaaaaa; }
.control_box_li .more_btn_icon a{ display: inline-block; height: 36px; color: #aaaaaa;}
.control_box_li .see_btn_icon{  height: 36px; background: url({OSSURL}public/mobile/img/look_icon.png) no-repeat left center; background-size: 16px; display: inline-block; padding-left: 24px; font-size: 16px; color: #aaaaaa; }
.control_box_li .see_btn_icon a{ display: inline-block; height: 36px; color: #aaaaaa;}
.bv_comment_list .comment_li .reply_btn{ display: inline-block; padding-left:20px; line-height: 20px; height: 20px; background: url({OSSURL}public/mobile/img/bv_reply_icon.png) no-repeat left center; background-size: 16px; font-size: 14px; color: #e5457f; float: right;}
.bv_comment_list .comment_li .sec_comment_li .reply_btn{ display: inline-block; padding-left:20px; line-height: 20px; height: 20px; background: url({OSSURL}public/mobile/img/bv_reply_icon.png) no-repeat left center; background-size: 16px; font-size: 14px; color: #e5457f; float: right; }
.bv_info_list li a .text .like_icon{ width: 20px; height: 20px; background: url({OSSURL}public/mobile/img/like_icon3_1.png) no-repeat center; background-size: 16px;}
.other_video_list li a .video_content .video_other_info{ font-size: 12px; color: #000; line-height: 16px; padding-left: 30px; background: url({OSSURL}public/mobile/img/bv_play_icon.png) no-repeat left center; background-size: 16px;}
.empty_video{ height: 250px; width: 100%; background: url("{MODULE_URL}public/mobile/img/empty_video.png") no-repeat center; background-size: 180px; }
.empty_video_2{ height: 190px; width: 100%; background: url("{MODULE_URL}public/mobile/img/empty_video.png") no-repeat center; background-size: 180px; }
.selectList{position:fixed; left:0; right:0; top:0; bottom:0;-webkit-box-sizing:border-box; box-sizing:border-box; background-color:rgba(0,0,0,.53); text-align:center; z-index:30;font-size:20px;color:#fe6700;}
.selectList .single{ position:absolute; left:6%; right:6%; top:35%; padding: 0 20px; background-color:#fff; padding-bottom:33px; padding-top: 10px;}
.selectList ul{width:100%;height:auto;overflow:auto;}
.selectList ul li{height:50px;line-height:50px;border-bottom:1px solid #e9e9e9;padding:0 10px;}
.selectList ul li.selected{border-left:5px solid #ffc74e;}
.selectList ul li span.le{height:50px;line-height:50px;float:left;font-size:16px;}
.selectList ul li span.ri{float:right;height:50px;line-height:50px;font-size:16px;}
</style>
<title>{$school['title']}</title>
</head>
<body>
<div class="header mainColor">
	<div class="l">
		<a class="backOff" style="background:url({OSSURL}public/mobile/img/ic_arrow_left_48px_white.svg) no-repeat;background-size: 55% 55%;background-position: 50%;" href="javascript:history.go(-1);"></a>
	</div>
	<div class="m">
		<a id="Changesf">
			<span style="font-size: 18px">{$student['s_name']}</span>
			{if $bdsun > 1}<i></i>{/if}
		</a>
	</div>
</div>  
<div>
{if $mybj['video'] || $list}
	<ul class="baby_video_list" style="margin-top:60px;">
	{if $mybj['video']}
		<li>
			<a href="{php echo $this->createMobileUrl('camera', array('schoolid' => $schoolid, 'userid' =>$it['id'],'op' => 'mybj'), true)}">
				<div class="til">{$mybj['sname']}</div>
				<div class="blank"></div>
				<div class="video_box">
					<img src="{php echo tomedia($school['videopic'])}">
					<div class="v_play_icon"></div>
				</div>
			</a>
			<div class="control_box">
				<div class="control_box_li">
				{if $myisdz}<div class="praise_btn_icon act">{$mydzsl}</div>{else}<div class="praise_btn_icon">{$mydzsl}</div>{/if}
				</div>
				<div class="control_box_li">
					<div class="comment_btn_icon">{$myplsl}</div>
				</div>
				<div class="control_box_li">
					<div class="see_btn_icon">{$mybj['videoclick']}</div>
				</div>
			</div>			
		</li>
	{/if}
	{loop $list $row}
		{if $row['videotype'] == 2}
			<li>
				<a href="{php echo $this->createMobileUrl('camera', array('schoolid' => $schoolid, 'userid' =>$it['id'], 'id'=> $row['id']), true)}">
					<div class="til">{$row['name']}</div>
					<div class="blank"></div>
					<div class="video_box">
						<img src="{php echo tomedia($row['videopic'])}">
						<div class="v_play_icon"></div>
					</div>
				</a>
				<div class="control_box">
					<div class="control_box_li">
					{if $row['isdz']}<div class="praise_btn_icon act">{$row['dianzan']}</div>{else}<div class="praise_btn_icon">{$row['dianzan']}</div>{/if}
					</div>
					<div class="control_box_li">
						<div class="comment_btn_icon">{$row['plsl']}</div>
					</div>
					<div class="control_box_li">
						<div class="see_btn_icon">{$row['click']}</div>
					</div>
				</div>			
			</li>
		{else}
			{loop $row['myvideo'] $item}
			{if $item == $student['bj_id']}
			<li>
				<a href="{php echo $this->createMobileUrl('camera', array('schoolid' => $schoolid, 'userid' =>$it['id'], 'id'=> $row['id']), true)}">
					<div class="til">{$row['name']}</div>
					<div class="blank"></div>
					<div class="video_box">
						<img src="{php echo tomedia($row['videopic'])}">
						<div class="v_play_icon"></div>
					</div>
				</a>
				<div class="control_box">
					<div class="control_box_li">
					{if $row['isdz']}<div class="praise_btn_icon act">{$row['dianzan']}</div>{else}<div class="praise_btn_icon">{$row['dianzan']}</div>{/if}
					</div>
					<div class="control_box_li">
						<div class="comment_btn_icon">{$row['plsl']}</div>
					</div>
					<div class="control_box_li">
						<div class="see_btn_icon">{$row['click']}</div>
					</div>
				</div>
			</li>
			{/if}
			{/loop}
		{/if}
	{/loop}	
	</ul>
{else}
<ul class="empty_video" style="margin-top: 60px;"><ul>
{/if}	
<div class="selectList" id="selectList" style="z-index:100000;display:none;">
	<div class="single" style="z-index:100000;border-radius: 5%;">
		<ul>
			<span style="color:#444;">切换学生</span>
		{loop $user $row}
			<li onclick="isSelect({$row['id']},{$row['schoolid']});"><span class="le">{$row['bjname']}</span><span class="ri">{$row['s_name']}</span></li>
		{/loop}	
		</ul>
	</div>
</div>
</div>
<script>
$(function ($) {			
	$("#Changesf").on('click', function () {
		$('#selectList').show();
	});
});	
function isSelect(userid,schoolid){
	location.href = "{php echo $this->createMobileUrl('allcamera')}"+ '&userid=' + userid + '&schoolid=' + schoolid;
	location.href = reload();
}
</script>
</body>
 {php include $this->template('footer');} 
</html>